﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; outline: none; text-decoration: none;}

@font-face {
	font-family: 'UTMSwiss721BlackCondensed';
	src: url('fonts/UTMSwiss721BlackCondensed.eot?') format('eot'), 
	     url('../fonts/UTMSwiss721BlackCondensed.woff') format('woff'), 
	     url('../fonts/UTMSwiss721BlackCondensed.ttf')  format('truetype'),
	     url('../fonts/UTMSwiss721BlackCondensed.svg#UTMSwiss721BlackCondensed') format('svg');
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c5c7c4;
}
.clear { clear:both;}
.bg { background: url(../images/main_bg.jpg) left top no-repeat; min-height: 768px;margin-top:95px }
.page {	width: 1000px; margin: 0 auto; position:relative; min-height: 768px;}
.play1 {
	position:absolute;
	top: 10px;
	left: 0px;
	background: url(../images/play1.png) center top no-repeat;
	width: 610px;
	height: 473px;
	z-index: 1;
}
.play2 {
	position:absolute;
	top: 10px;
	left: 0px;
	background: url(../images/play2.png) center top no-repeat;
	width: 610px;
	height: 473px;
	z-index: 1;
}
.play3 {
	position:absolute;
	top: 10px;
	left: 0px;
	background: url(../images/play3.png) center top no-repeat;
	width: 610px;
	height: 473px;
	z-index: 1;
}
.play4 {
	position:absolute;
	top: 10px;
	left: 0px;
	background: url(../images/play4.png) center top no-repeat;
	width: 610px;
	height: 473px;
	z-index: 1;
}


.box1slot {
	position:absolute;
	top: 30px;
	right: 0px;
	background: url(../images/bg1.png) center top no-repeat;
	width: 381px;
	height: 367px;
	z-index: 2;
}

.box2slot {
	position:absolute;
	top: 405px;
	right: 0px;
	background: url(../images/bg2.png) center top no-repeat;
	width: 381px;
	height: 349px;
	z-index: 3;
}
.box3slot {
	position:absolute;
	top: 485px;
	left: 0px;
	background: url(../images/bg3.png) center top no-repeat;
	width: 341px;
	height: 268px;
	z-index: 4;
}

.box4slot {
	position:absolute;
	top: 485px;
	left: 349px;
	background: url(../images/bg4.png) center top no-repeat;
	width: 262px;
	height: 268px;
	z-index: 4;
}


.bang_t1 {
	background: url(../images/game1.png) left top no-repeat;
	height: 290px;
	margin: 52px 0 0 0;
}
.bang_t1 p {
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 20px;
	color: #fff701;
	float: right;
	margin: 8px 35px 0 0;
}
.bang_t2 {
	background: url(../images/game2.png) left top no-repeat;
	height: 290px;
	margin: 52px 0 0 0;
}
.bang_t2 p {
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 20px;
	color: #fff701;
	float: right;
	margin: 8px 35px 0 0;
}
.bang_t3 {
	background: url(../images/game3.png) left top no-repeat;
	height: 290px;
	margin: 52px 0 0 0;
}
.bang_t3 p {
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 20px;
	color: #fff701;
	float: right;
	margin: 8px 35px 0 0;
}
.chat {
	margin: 15px -7px 10px 15px;
	padding: 0 15px 0 0;
	height: 200px;
}
.chat p { padding: 0 0 2px 0; }
.chat p span { font-weight: bold; display:inline-block; margin: 0 10px 0 0; color: #fff701;}
.text_chat { padding: 10px 0 0 15px;}
.text_chat input {
	border: none;
	background: none;
	width: 230px;
	color: #fff;
}

.thongke1 {
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 16px;
	text-align:right;
	padding: 13px 12px 0 0;
	min-height: 60px;
}
.menu_tk { padding: 10px 0 0 10px;}
.menu_tk ul li { float:left;}
.menu_tk ul li a { display:block; width: 114px; height: 36px;}
.menu_tk a.giaodich { background: url(../images/menu_1.png) 0 0 no-repeat;}
.menu_tk a:hover.giaodich { background: url(../images/menu_1.png) 0 -37px no-repeat;}
.menu_tk a.giaodich_fix { background: url(../images/menu_1.png) 0 -37px no-repeat;}

.menu_tk a.vinhdanh { background: url(../images/menu_1.png) -114px 0 no-repeat; margin: 0 9px;width: 114px;}
.menu_tk a:hover.vinhdanh { background: url(../images/menu_1.png) -114px -37px no-repeat;}
.menu_tk a.vinhdanh_fix { background: url(../images/menu_1.png) -114px -37px no-repeat; margin: 0 9px;width: 114px;}


.menu_tk a.husao { background: url(../images/menu_1.png) -228px 0 no-repeat;}
.menu_tk a:hover.husao { background: url(../images/menu_1.png) -228px -37px no-repeat;}
.menu_tk a.husao_fix { background: url(../images/menu_1.png) -228px -37px no-repeat;}

.text_tk {
	line-height: 20px;
	padding: 10px 13px;
	height: 205px;
	 
}
.text_tk  .scorl_tk { padding: 0 15px 0 0;}

ul.bang_line { padding: 56px 0 0 12px;}
ul.bang_line li { float: left; width: 61px; height: 35px; margin: 0 0 5px 2px;}
ul.bang_line a.line1 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 0 no-repeat;}
/*ul.bang_line a:hover.line1 { background: url(../images/bang_line.png) 0 -140px no-repeat;}*/
ul.bang_line a.line1_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -140px no-repeat;}
ul.bang_line a.line2 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px 0 no-repeat;}
/*ul.bang_line a:hover.line2 { background: url(../images/bang_line.png) -61px -140px no-repeat;}*/
ul.bang_line a.line2_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -140px no-repeat;}
ul.bang_line a.line3 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px 0 no-repeat;}
/*ul.bang_line a:hover.line3 { background: url(../images/bang_line.png) -122px -140px no-repeat;}*/
ul.bang_line a.line3_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -140px no-repeat;}
ul.bang_line a.line4 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px 0 no-repeat;}
/*ul.bang_line a:hover.line4 { background: url(../images/bang_line.png) -183px -140px no-repeat;}*/
ul.bang_line a.line4_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -140px no-repeat;}
ul.bang_line a.line5 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px 0 no-repeat;}
/*ul.bang_line a:hover.line5 { background: url(../images/bang_line.png) -244px -140px no-repeat;}*/
ul.bang_line a.line5_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -140px no-repeat;}

ul.bang_line a.line6 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -35px no-repeat;}
/*ul.bang_line a:hover.line6 { background: url(../images/bang_line.png) 0 -175px no-repeat;}*/
ul.bang_line a.line6_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -175px no-repeat;}
ul.bang_line a.line7 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -35px no-repeat;}
/*ul.bang_line a:hover.line7 { background: url(../images/bang_line.png) -61px -175px no-repeat;}*/
ul.bang_line a.line7_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -175px no-repeat;}
ul.bang_line a.line8 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -35px no-repeat;}
/*ul.bang_line a:hover.line8 { background: url(../images/bang_line.png) -122px -175px no-repeat;}*/
ul.bang_line a.line8_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -175px no-repeat;}
ul.bang_line a.line9 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -35px no-repeat;}
/*ul.bang_line a:hover.line9 { background: url(../images/bang_line.png) -183px -175px no-repeat;}*/
ul.bang_line a.line9_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -175px no-repeat;}
ul.bang_line a.line10 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -35px no-repeat;}
/*ul.bang_line a:hover.line10 { background: url(../images/bang_line.png) -244px -175px no-repeat;}*/
ul.bang_line a.line10_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -175px no-repeat;}

ul.bang_line a.line11 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -70px no-repeat;}
/*ul.bang_line a:hover.line11 { background: url(../images/bang_line.png) 0 -210px no-repeat;}*/
ul.bang_line a.line11_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -210px no-repeat;}
ul.bang_line a.line12 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -70px no-repeat;}
/*ul.bang_line a:hover.line12 { background: url(../images/bang_line.png) -61px -210px no-repeat;}*/
ul.bang_line a.line12_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -210px no-repeat;}
ul.bang_line a.line13 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -70px no-repeat;}
/*ul.bang_line a:hover.line13 { background: url(../images/bang_line.png) -122px -210px no-repeat;}*/
ul.bang_line a.line13_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -210px no-repeat;}
ul.bang_line a.line14 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -70px no-repeat;}
/*ul.bang_line a:hover.line14 { background: url(../images/bang_line.png) -183px -210px no-repeat;}*/
ul.bang_line a.line14_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -210px no-repeat;}
ul.bang_line a.line15 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -70px no-repeat;}
/*ul.bang_line a:hover.line15 { background: url(../images/bang_line.png) -244px -210px no-repeat;}*/
ul.bang_line a.line15_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -210px no-repeat;}

ul.bang_line a.line16 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -105px no-repeat;}
/*ul.bang_line a:hover.line16 { background: url(../images/bang_line.png) 0 -245px no-repeat;}*/
ul.bang_line a.line16_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) 0 -245px no-repeat;}
ul.bang_line a.line17 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -105px no-repeat;}
/*ul.bang_line a:hover.line17 { background: url(../images/bang_line.png) -61px -245px no-repeat;}*/
ul.bang_line a.line17_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -61px -245px no-repeat;}
ul.bang_line a.line18 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -105px no-repeat;}
/*ul.bang_line a:hover.line18 { background: url(../images/bang_line.png) -122px -245px no-repeat;}*/
ul.bang_line a.line18_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -122px -245px no-repeat;}
ul.bang_line a.line19 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -105px no-repeat;}
/*ul.bang_line a:hover.line19 { background: url(../images/bang_line.png) -183px -245px no-repeat;}*/
ul.bang_line a.line19_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -183px -245px no-repeat;}
ul.bang_line a.line20 { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -105px no-repeat;}
/*ul.bang_line a:hover.line20 { background: url(../images/bang_line.png) -244px -245px no-repeat;}*/
ul.bang_line a.line20_fix { display:block; width: 61px; height: 35px; background: url(../images/bang_line.png) -244px -245px no-repeat;}

ul.menu_line { padding: 10px 0 0 1px;}
ul.menu_line li { float:left; margin: 0 0 0 15px;}
ul.menu_line li a { display: block; height: 35px;}
ul.menu_line a.menu_l1 { background:url(../images/menu_2.png) 0 0 no-repeat; width: 62px;}
ul.menu_line a:hover.menu_l1 { background:url(../images/menu_2.png) 0 -35px no-repeat;}
ul.menu_line a.menu_l1_fix { background:url(../images/menu_2.png) 0 -35px no-repeat; width: 62px;}

ul.menu_line a.menu_l2 { background:url(../images/menu_2.png) -77px 0 no-repeat; width: 84px;}
ul.menu_line a:hover.menu_l2 { background:url(../images/menu_2.png) -77px -35px no-repeat;}
ul.menu_line a.menu_l2_fix { background:url(../images/menu_2.png) -77px -35px no-repeat; width: 84px;}

ul.menu_line a.menu_l3 { background:url(../images/menu_2.png) -176px 0 no-repeat; width: 53px;}
ul.menu_line a:hover.menu_l3 { background:url(../images/menu_2.png) -176px -35px no-repeat;}
ul.menu_line a.menu_l3_fix { background:url(../images/menu_2.png) -176px -35px no-repeat; width: 53px;}

ul.menu_line a.menu_l4 { background:url(../images/menu_2.png) -244px 0 no-repeat; width: 66px;}
ul.menu_line a:hover.menu_l4 { background:url(../images/menu_2.png) -244px -35px no-repeat;}
ul.menu_line a.menu_l4_fix { background:url(../images/menu_2.png) -244px -35px no-repeat; width: 66px;}

.back {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 153px;
	height: 49px;
	z-index: 11;
}
.free {
	position: absolute;
    top: 10px;
    left: 170px;
    background: url(../images/M.png) left top no-repeat;
    width: 160px;
    height: 49px;
    z-index: 11;
    text-align: center;
    font-weight: bold;
    padding-top: 24px;
    font-size: 17px;
    color: #70F319;
}
.money {
	position: absolute;
	top: 10px;
	left: 332px;
	background: url(../images/tien.png) left top no-repeat;
	width: 223px;
	height: 49px;
	z-index: 12;
	padding: 0 45px 0 0;
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 30px;
	line-height: 42px;
	text-align:right;
	color: #fffe14;
}
.tool {
	position: absolute;
	width: 600px;
	left: 8px;
	top: 383px;
	z-index: 13;
}
.tool ul li { float:left;}
.tool .cuoc {
	background: url(../images/tool_01.png) center top no-repeat;
	width: 99px;
	height: 72px;
	text-align:center;
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 24px;
	margin-top: 10px;
}
.tool .cuoc p { padding: 30px 0 0 0;}
.tool .dong {
	background: url(../images/tool_02.png) center top no-repeat;
	width: 83px;
	height: 72px;
	text-align:center;
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 24px;
	margin-top: 10px;
}
.tool .dong p { padding: 30px 0 0 0;}
.tool .thang {
	background: url(../images/tool_03.png) center top no-repeat;
	width: 252px;
	height: 72px;
	text-align:right;
	font-family: 'UTMSwiss721BlackCondensed';
	font-size: 24px;
	margin-top: 10px;
}
.tool .thang p { padding: 5px 10px 0 0; line-height: 28px;}
.tool a.auto {
	background: url(../images/auto.png) 0 0 no-repeat;
	width: 73px;
	height: 72px;
	display:block;
	margin-top: 10px;
}
.tool a:hover.auto {background: url(../images/auto.png) 0 -72px no-repeat;}
.tool a:active.auto { margin-top: 11px;}
.tool a.auto_fix {
	background: url(../images/auto.png) 0 -72px no-repeat;
	width: 73px;
	height: 72px;
	display:block;
    margin-top: 10px;
}

.tool a.spin {
	background: url(../images/spin.png) center 0 no-repeat;
	display: block;
	width: 85px;
	height: 85px;	
	margin-left: 2px;
}

.tool a:hover.spin {background: url(../images/spin.png) center -85px no-repeat;}
.tool a:active.spin { margin-top: 1px;}

.tool a.spin_fix {
	background: url(../images/spin.png) center -85px no-repeat;
	display: block;
	width: 85px;
	height: 85px;	
	margin-left: 2px;
}


.text_lsgd {padding: 10px 15px 0 15px;}
.text_lsgd .table { width: 100%; border-bottom: 1px solid #3c3c3c;border-left: 1px solid #3c3c3c;border-top: 1px solid #3c3c3c;}
.text_lsgd .table td { text-align: center;}
.text_lsgd .table thead td {
	font-weight: bold;
	border-bottom: 1px solid #3c3c3c;
	padding: 4px 0;
	border-right: 1px solid #3c3c3c;
	background: #101010;
}
.text_lsgd .table tbody td { padding: 5px 0; border-right: 1px solid #3c3c3c;}
.tienlui { padding: 7px 0 0 70px;}
.tienlui li { float:left; text-align: center; margin: 0 3px;}
.tienlui li input { background: #000; border: 1px solid #606060; width: 40px; text-align:center; color: #fff; padding: 3px 0 2px 0;}
.tienlui li a { display: block; border: 1px solid #606060; width: 20px; height: 13px; padding: 4px 5px;}
.tienlui li a.lsgd_tt { background: url(../images/ar.png) 5px 4px no-repeat;}
.tienlui li a.lsgd_t { background: url(../images/ar.png) -27px 4px no-repeat;}
.tienlui li a.lsgd_l { background: url(../images/ar.png) -110px 4px no-repeat;}
.tienlui li a.lsgd_ll { background: url(../images/ar.png) -145px 4px no-repeat;}


.logo { text-align: center; padding: 40px 0 20px 0;}
.chon_game { padding: 0 30px;}
.chon_game ul {
	display: table;
    table-layout: fixed;
    width: 100%;
	margin: 0;
	padding: 0;
}
.chon_game li {
	display: table-cell;
	margin:0;
	padding: 0;
	text-align:center;
}


/* Number Images */
.money_img {
    float:right;
    margin-top:10px;
}
#totalWin { float:right; margin: 2px 0px 0px 0px }
#totalBet { float:right; margin: 5px 10px 0px 0px }
.cuoc_money { left:50%; position:absolute; margin: 38px 0px 0px 0px; width:auto; }
.cuoc_money .inner { left:-50%; position:relative; }
.dong_money { left:50%; position:absolute; margin: 38px 0px 0px 0px; }
.dong_money .inner { left:-50%; position:relative; }
.num_0 {    float:left;    height:30px;    width:20px;   background:url(../images/font_30.png) 0px 0px;}
.num_1 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -23px 0px;}
.num_2 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -47px 0px;}
.num_3 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -71px 0px;}
.num_4 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -94px 0px;}
.num_5 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -119px 0px;}
.num_6 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -143px 0px;}
.num_7 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -167px 0px;}
.num_8 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -191px 0px;}
.num_9 {    float:left;    height:30px;    width:20px;    background:url(../images/font_30.png) -216px 0px;}
.num_num {    float:left;    height:30px;    width:16px;    background:url(../images/font_30.png) -239px 0px;}

.num_0_24 {    float:left;    height:24px;    width:14px;   background:url(../images/font_24.png) 0px 0px;}
.num_1_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -21px 0px;}
.num_2_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -40px 0px;}
.num_3_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -59px 0px;}
.num_4_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -79px 0px;}
.num_5_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -97px 0px;}
.num_6_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -116px 0px;}
.num_7_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -136px 0px;}
.num_8_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -155px 0px;}
.num_9_24 {    float:left;    height:24px;    width:14px;    background:url(../images/font_24.png) -174px 0px;}
.num_num_24 {    float:left;    height:24px;    width:12px;    background:url(../images/font_24.png) -192px 0px;}



























